<section id="course-list-wrapper container ">


    <div class="container">
        <div class="row">
            <div class="col-9">
                <div class="card card-1 course courses-index-card" data-school-course-type-master-ids="1">

                    {% for course_detail in template.page.course %}

                        <div class="col-sm-12 col-md-2 text-center logo-area sp-offer">

                            <a href="{{ course_detail.html_input }}"><img src="https://lingospy.com/MediaFiles/Media/a/Logo-Active-Language-Learning-LingoSpy.png" class="logo" alt="Active Language Learning"></a>
                        </div>
                        <div class="col-sm-12 col-md-7 col-lg-8 courses-index-card-summary sp-offer">

                            <p class="subheader courses-index-card-summary-schoolname">{{ course_detail.school_title }}<span class="local-schoolname">&nbsp;</span></p>
                            <h1 class="courses-index-card-summary-coursetitle">{{ course_detail.course_title }}</h1>
                            <span class="courses-index-card-summary-timeinfo">
                <i class="fa fa-clock-o" aria-hidden="true"></i> &nbsp;{{ course_detail.course_time }} &nbsp;
            </span>
                            <hr>
                            <div class="info-list">
                                {{ course_detail.coursedescription_title }}
                                <a href="{{ course_detail.html_see_input }}"><u>See More</u></a>
                            </div>
                        </div>

                        <div class="col-sm-12 col-md-3 col-lg-2 small-text-center medium-text-right sp-offer course-price-area">
                            <div class="course-price"> <span class="price"></span></div>
                            <a class="btn btn-success courses-index-card-button" href="{{ course_detail.html_detail_input }}">See More</a>
                        </div>
                    {% endfor %}

                </div>        </div>
            <div class="col">
                <div class="col-md-12">
                    <div id="top-search-input">
                        <form  action="{{ url_route('visiosoft.module.advs::list') }}" method="get">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <button class="btn" type="submit"><i class="icon-line-search t700"></i></button>
                                </div>
                                <input type="text" name="q" class="form-control" value="" placeholder="Search..">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
